<template>
  <div>
    <img src="./loading.gif" alt="正在加载">
    <p class="desc">{{title}}</p>
  </div>
</template>

<script scoped>
export default {
  name: 'Loading',
  props: {
    title: {
      type: String,
      default () {
        return '正在加载中...'
      }
    }
  },
  data () {
    return {}
  },
  components: {}
}
</script>

<style lang='less' scoped>
.loading{
    width: 100%;
    text-align: center;
    img {
      position: absolute;
      left: 50%;
      width: 0.7rem;
      height: 0.7rem;
      transform:translateX(-50%)
    }
    .desc{
      line-height: 20px;
      font-size: .24rem;
      color: #eee;
    }
}
</style>
